<style>
	tbody tr td{
		vertical-align: middle !important; 
		font-size: 14px;
	}
	tr th{
		font-size: 16px;
	}
	.form-group-width{
		width: 300px;
		margin-left: 143px;	
	}
	.label-left{
		margin-left: 143px;	
	}
	.tip{
		display: inline-block;
		margin-top: 6px;
		margin-left: 54px;
		color: #f00;
	}
</style>
<div class="wrapper">
	<div class="row">
		<div class="col-lg-12">
			<div class="ibox">
				<div class="ibox-title">
					<h3>欢迎选课</h3>
					<div>
						<span>{{personInfo.name || "-"}}</span>&nbsp;&nbsp;
						<span>物理与电子信息学院</span>&nbsp;&nbsp;
						<span>{{personInfo.major || "-"}}</span>
					</div>
				</div>
				<div class="ibox-content">
					<div>
						<table class="table table-stripped table-bordered table-hover" datatable="ng" dt-options="dtOptions">
							<thead>
								<tr>
									<th>序号</th>
									<th>课程名称</th>
									<th>课程属性</th>
									<th>学分</th>
									<th>修读学期</th>
									<th>上课周次</th>
									<th>上课时间</th>
									<th>上课地点</th>
									<th>授课老师</th>
									<th>应选人数</th>
									<th>已选人数</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr ng-repeat="item in tableDatas">
									<td>{{$index+1}}</td>
									<td>{{item.courseName}}</td>
									<td>{{item.attribute}}</td>
									<td>{{item.credit}}</td>
									<td>{{item.studySemester}}</td>
									<td>{{item.classWeeks}}</td>
									<td>{{item.classTime}}</td>
									<td>{{item.location}}</td>
									<td>{{item.teaName}}</td>
									<td>{{item.limitNum}}</td>
									<td>{{item.selectedNum}}</td>
									<td style="text-align: center;">
										<button ng-show="!(item.selectFlag)" class="btn btn-primary btn-outline" style="margin: 0 5px;" ng-click="selectedItem(item)">选修</button>
										<button ng-show="item.selectFlag" class="btn btn-default btn-outline" style="margin: 0 5px;" disabled>已选</button>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
